<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript" src="charts.js?n=1"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </head>
  <body>
    <select id='benchmark-dropdown'>
      <option value="tpchsmall">TPC-H subset</option>
      <option value="tpch">TPC-H</option>
      <option value="tpcdssmall">TPC-DS subset</option>
      <option value="tpcds">TPC-DS</option>
    </select>
    <select id='cost-dropdown'>
      <option value="runtimes">Runtimes</option>
      <option value="costs">Costs</option>
    </select>
    <div id="barcharts" style='width: 100%;'></div>
  </body>
</html>
